﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ocean Blue Gallery - Free CSS Template</title>
<meta name="keywords" content="ocean blue, gallery page, template, free css templates, CSS, HTML" />
<meta name="description" content="Ocean Blue Gallery - Free CSS Template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
	if (field.defaultValue == field.value) field.value = '';
	else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" />    
	
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
	$('#gallery a').lightBox();
});
</script>

</head>
<body class="subpage">

<div id="templatemo_wrapper">
	<div id="templatemo_header">
		
		<div id="site_title"><h1><a href="http://www.templatemo.com">Ocean Blue</a> <span>Free CSS Templates</span></h1></div>
		
		<div id="search_box">
			<form action="#" method="get">
				<input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
				<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
			</form>
		</div>
		
		<div class="cleaner"></div>
	</div>
	
	<div id="templatemo_menu">
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="gallery.html" class="current">Gallery</a></li>
			<li><a href="news.html">News</a></li>
			<li><a href="blog.html">Blog</a></li>
			<li><a href="contact.html">Contact</a></li>
		</ul>    	
		<div class="cleaner"></div>
	</div> <!-- end of templatemo_menu -->
	
	<div id="templatemo_middle_subpage">
		<h2>Website Templates Gallery</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis nulla vitae ante congue iaculis. Nunc vitae sapien sed neque porttitor egestas sit amet ut ligula. Praesent placerat dui ut nibh eleifend lobortis. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
  </div>
		
	<div id="templatemo_main">

		<div class="col_w900 col_w900_last">
			<div id="gallery">
				<ul>
					<li>
						<a href="images/gallery/image_01_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_01_s.jpg" alt="Image 1" />
						</a>
					</li>
					<li>
						<a href="images/gallery/image_02_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_02_s.jpg" alt="Image 2" />
						</a>
						</li>
					<li>
						<a href="images/gallery/image_03_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_03_s.jpg" alt="Image 3" />
						</a>
					</li>
					<li>
						<a href="images/gallery/image_04_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_04_s.jpg" alt="Image 4" />
						</a>
					</li>
					<li class="lmb">
						<a href="images/gallery/image_05_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_05_s.jpg" alt="Image 5" />
						</a>
					</li>

					<li>
						<a href="images/gallery/image_06_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_06_s.jpg" alt="Image 6" />
						</a>
					</li>
					<li>
						<a href="images/gallery/image_04_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_04_s.jpg" alt="Image 7" />
						</a>
						</li>
					<li>
						<a href="images/gallery/image_05_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_05_s.jpg" alt="Image 8" />
						</a>
					</li>
					<li>
						<a href="images/gallery/image_03_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_03_s.jpg" alt="Image 9" />
						</a>
					</li>
					<li class="lmb">
						<a href="images/gallery/image_02_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_02_s.jpg" alt="Image 10" />
						</a>
					</li>

					<li>
						<a href="images/gallery/image_03_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_03_s.jpg" alt="Image 11" />
						</a>
					</li>
					<li>
						<a href="images/gallery/image_01_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_01_s.jpg" alt="Image 12" />
						</a>
						</li>
					<li>
						<a href="images/gallery/image_02_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_02_s.jpg" alt="Image 13" />
						</a>
					</li>
					<li>
						<a href="images/gallery/image_05_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_05_s.jpg" alt="Image 14" />
						</a>
					</li>
					<li class="lmb">
						<a href="images/gallery/image_06_l.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
						<img src="images/gallery/image_06_s.jpg" alt="Image 15" />
						</a>
					</li>
				   
				</ul>  
				<div class="cleaner"></div>
			</div>
			
			<div class="cleaner"></div>
		</div>
		
		<div class="cleaner"></div>
	</div> <!-- end of main -->
		
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
		
		Copyright © 2048 <a href="#">Your Company Name</a> - 
		Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
	
	</div> <!-- end of footer wrapper -->
</div> <!-- end of footer -->

</body>
</html>